<%@page contentType="text/html;charset=utf-8" language="java" %>

<div class="nav-box">
	<ul class="nav">
		<li class="nav-li" id="jobList"><a href="job.jsp" target="_self"><i class="iconfont icon-liebiao1"></i> 角色列表</a></li>
		<li class="nav-li" id="jobAdd"><a href="job_add.jsp" target="_self"><i class="iconfont icon-shejishi"></i> 角色新增</a></li>
		<!-- <li class="nav-li" id="jobModify"><a href="javascript:jobModify();"><i class="iconfont icon-yongyan"></i> 角色修改</a></li> -->
		<li class="nav-li" id="jobDelete"><a href="javascript:jobDeleteByCheck();"><i class="iconfont icon-shanchu"></i> 批量删除</a></li>
	</ul>
</div>

<script>
	/**
	 * 根据实际显示隐藏菜单
	 * 
	 * @param  {[type]} type [description]
	 * @return {[type]}      [description]
	 */
	function navShow (type) {
		$("#"+type).find("a").addClass("nav-li-sel");

		switch(type){
			case "jobAdd" : {
				$("#jobModify").remove();
				$("#jobDelete").remove();
				break;
			}
			case "jobModify" : {
				$("#jobAdd").remove();
				$("#jobDelete").remove();
				break;
			}

		}
	}
</script>
